<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
</head>

<body>
<div id="content">
    <h1>html</h1>
    <h1>php</h1>
    <h1>javascript</h1>
    <h1>jquery</h1>
    <h1>java</h1>
</div>

<script type="text/javascript">
    function clearText() {
        var content = document.getElementById("content");
        // 在此完成该函数--删除节点的内容: javascript
        //方法1
        // var x=content.removeChild(content.childNodes[5]);
        //方法2
        // 1. 删除该节点的内容，先要获取子节点。2. 然后使用循环遍历每个子节点。3. 使用removeChild()删除节点。
        //alert(content.childNodes.length);
        for (var i = 0; i < content.childNodes.length; i++) {
            if (content.childNodes[i].innerHTML == "javascript") {
                var x = content.removeChild(content.childNodes[i]);
            }
        }

    }
</script>

<button onclick="clearText()">清除节点内容</button>


</body>
</html>